<template>
    <div>
        <div class="first">
            <img src="../assets/img/1.jpg" alt="">
            <p class="coupon">200元菜金抵用券</p>
            <p class="dataTime">有效期2019/7/15-2020/7/14</p>
        </div>
        <div class="second">
            <p class="up">使用说明</p>
            <p class="bottom">菜金消费满598使用</p>
        </div>
        <div class="third">
            <p class="up">花样年华音乐餐吧</p>
            <p class="bottom">福建省厦门市集美区软件园三期</p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    }
}
</script>
<style scoped>
.first {
    width: 100%;
    padding: 5px;
    height: 280px;
    
    /* align-items: center; */
    text-align: center;
    box-shadow: 1px 5px 5px rgba(158, 152, 152, 0.6);
}
img {
    width: 100%;
    height: 200px;
}
.coupon {
    font-size: 20px;
}
.second,.third {
    margin-top: 20px;
    padding: 10px;
}
.up {
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

</style>
